<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>详情页</title>
		<link rel="stylesheet" href="../css/detail.css" />
		<script type = "text/javascript" src = "../js/require.js" defer async="true" data-main ="../js/detail"></script>
	</head>
	<body>
		<!--top部分-->
		<section id = "jhmTopContainer" class = "jhm-top-container">
			<div id = "jhmTop" class = "jhm-top">
				<ul class = "top-nav">
					<div id="topLoginContainer" class = "top-login-container">
						<span id = "topLogin">
							<a href="#" class = "top-denglu">登录</a>
							<span class = "spacer">|</span>
							<a href="#" class = "top-zhuce">注册有礼</a>
						</span>	
					</div>
					<li class = "spacer">|</li>
					<li>
						<a href="#">个人中心</a>
					</li>
					<li class = "spacer">|</li>
					<li>
						<a href="#">我的订单</a>
					</li>
					<li class = "spacer">|</li>
					<li>
						<a href="#">手机金海马</a>
					</li>
				</ul>
			</div>
		</section>
		<!--logo部分-->
		<section id = "headContainer" class = "head-container">
			<div class = "head claerfix">
				<!--logo部分-->
				<div class="logo-container">
					<a href="#" class = "left-logo">
						<img src="../img/indeximg/leftlogo.png"/>
					</a>
					<a href="#" class = "right-logo">
						<img src="../img/indeximg/rightlogo.png"/>
					</a>
				</div>
				<!--搜索栏部分-->
				<div class="search-container">
					<form action="" method="get" class = "search-form">
						<input type="text" name="search" id="search" class = "search-input" />
						<a href="javascript:;" class = "search-btn">
							<i class = "icon-search"></i>
						</a>
					</form>
				</div>
				<!--购物车部分-->
				<div class="cart">
					<i class = "icon-cart"></i>
					<span class = "cart-title">购物车(0)</span>
				</div>
			</div>
		</section>
		<!--导航部分-->
		<section id = "navContainer" class = "nav-container">
			<div class="head-nav">
				<!--商品分类部分-->
				<dl class = "categories">
					<dt class = "cate-title">
						商品分类
						<i class = "icon-cate"></i>
					</dt>
					<dd></dd>
				</dl>
				<!--导航部分-->
				<div class="nav-container">
					<ul class = "nav-list">
						<li>
							<a href="#" class = "nav-item first">首页</a>
						</li>
						<li>
							<a href="#" class = "nav-item">住宅专场</a>
						</li>
						<li>
							<a href="#" class = "nav-item">办公专场</a>
						</li>
						<li>
							<a href="#" class = "nav-item">智能专场</a>
						</li>
						<li>
							<a href="#" class = "nav-item">体验区</a>
						</li>
					</ul>
					<!--下划线-->
					<div class="nav-line">
						<span class = "line"></span>
					</div>
				</div>
			</div>
		</section>
		<!--页面主体部分-->
		<section class = "detail claerfix">
			<!--当前地址部分-->
			<div class="adress">
				当前位置：
				<a href="#">首页</a>
				<span class="location-point">></span>
				<a href="#">商品分类</a>
				<span class="location-point">></span>
				<a href="#">客厅</a>
				<span class="location-point">></span>
				<a href="#">酒柜/饰品柜(架)/间厅柜</a>
				<span class="location-point">></span>
				<span>皇家风范 法式古典 皇家米黄色 橡胶木 双门酒柜G11</span>
			</div>
			<!--产品相册部分-->
			<div class="pro-album">
				<div class="big-pic">
					<div class ="smallCursor">
				
					</div>
					<img src="../img/detailimg/album-big-1.jpg"/>
				</div>
				<div class="bigCursor">
					<img src="../img/detailimg/album-big-1.jpg" id="bigImg"/>
				</div>
				<ul class = "pro-album-small claerfix">
					<li>
						<a href="#">
							<img src="../img/detailimg/album-small-1.jpg"/>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="../img/detailimg/album-small-2.jpg"/>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="../img/detailimg/album-small-3.jpg"/>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="../img/detailimg/album-small-4.jpg"/>
						</a>
					</li>
				</ul>
				<div class = "pro-album-info">
					<span>商品编码: </span>
					<i>10951</i>
					<a href="#">
						<i></i>
						收藏商品
					</a>
				</div>
			</div>
			<!--产品信息-->
			<div class="pro-info">
				<div class="info-title">
					<i>金海马</i>
					<b>皇家风范 法式古典 皇家米黄色 橡胶木 双门酒柜 </b>
					<span> G11</span>
				</div>
				<!--价格部分-->
				<div class="info-price">
					<dl class = "info-price-item">
						<dt>商城价:</dt>
						<dd>
							¥
							<span class = "price-num">12560.00</span>
						</dd>
					</dl>
					<dl class = "info-price-item">
						<dt>
							<span class = "time">限时</span>
						</dt>
						<dd>
							<i>已优惠 ¥ 0 </i>
							<span>市场价¥ 12560.00</span>
						</dd>
					</dl>
					<dl class = "info-price-item">
						<dt></dt>
						<dd>已售 1</dd>
					</dl>
					<p class = "qrcode">
						<img src="../img/detailimg/qrcode.jpg"/>
					</p>
				</div>
				<!--配送部分-->
				<dl class = "info-adress">
					<dt>配送至：</dt>
					<dd class = "list">
						<span>北京市</span>
						<span>北京市</span>
						<span>西城区</span>
						<b></b>
					</dd>
				</dl>
				<!--服务部分-->
				<dl class = "service-list">
					<dt></dt>
					<dd>物流点自提¥0送货上门并安装¥0</dd>
				</dl>
				<div class="info-list">
					<dl class = "spec list-item">
						<dt>规格：</dt>
						<dd>2.26米</dd>
					</dl>
					<dl class = "style list-item">
						<dt>类型：</dt>
						<dd class = "jqgoodInfo">五门</dd>
					</dl>
					<dl class = "quality list-item">
						<dt>材质：</dt>
						<dd class = "jqgoodInfo">板式+实木</dd>
					</dl>
					<dl class = "color list-item">
						<dt>颜色：</dt>
						<dd class = "jqgoodInfo">浅胡桃色</dd>
					</dl>
					<dl class = "parts list-item">
						<dt>配件：</dt>
						<dd class = "jqgoodInfo">内抽斗</dd>
					</dl>
					<dl class = "num list-item">
						<dt>数量：</dt>
						<dd class = "last">
							<span class = "reduse">-</span>
							<input type="text" value = "1"/>
							<span class = "push">+</span>
						</dd>
					</dl>
					<dl class = "btn list-item">
						<dt></dt>
						<dd class = "btn-sub">加入购物车</dd>
					</dl>
				</div>
			</div>
		</section>
		<!--底部通用部分-->
		<footer class = "common-footer-container">
			<ul class = "advantage">
				<li class = "item">
					<a href="#">
						<i class = "icon-26year"></i>
						<span>26年匠心打造</span>
					</a>
				</li>
				<li class = "item">
					<a href="#">
						<i class = "icon-3a"></i>
						<span>AAA诚信企业</span>
					</a>
				</li>
				<li class = "item">
					<a href="#">
						<i class = "icon-7day"></i>
						<span>7天无理由退换货</span>
					</a>
				</li>
				<li class = "item">
					<a href="#">
						<i class = "icon-much"></i>
						<span>多仓直发极速达</span>
					</a>
				</li>
			</ul>
			<div class="friendship">
				<div class="link">
					<a class = "item" href="#">关于我们</a>
					<i>|</i>
					<a class = "item" href="#">帮助中心</a>
				</div>
				<p class = "copyright">©COPYRIGHT 2017 KINHOM.COM ALL RIGHTS RESERVED. 粤ICP备12018989号</p>
			</div>
		</footer>
	</body>
</html>
